<template>
	<div class="user-history">
		<div class="com-header border-1px">
			<div class="back"
				onclick="javascript:history.go(-1)"
			>
				<i class="iconfont">&#xe697;</i>
			</div>
			<div class="content">
				我的足迹
			</div>
		</div>
		<div class="uh-content">
			<ul class="uh-items"
				v-for="(goodsList, index) in list"
			>
				<li class="uh-item">
					<p class="time">{{goodsList[0].updatetime}}</p>
					<GoodSix :goodsList=goodsList></GoodSix>
				</li>
			</ul>
			<div class="goods-none"
				v-if="list.length == 0"
			>
				<img src="../assets/img/nodata.png" />
			</div>
		</div>
	</div>
</template>
<script>
	import axios from 'axios'
	import Http from '../http.js'
	import GoodSix from "../components/goods_six.vue"
	export default{
		components: {
			GoodSix
		},
		data(){
			return{
				goodsList: [],
				list: []
			}
		},
		mounted(){
			axios.post(Http.FOOTLIST)
			.then( res => {
				var ret = res.data;
				this.list = ret.data;
			})
		},
		methods: {

		}
	}
</script>
<style lang="scss" scoped>
	.user-history{
		.com-header{
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
		}
		.uh-content{
			padding-top: 0.88rem;
			background: #f1f7f8;
			.uh-items{
				.uh-item{
					.time{
						height: 0.88rem;
						line-height: 0.88rem;
						font-size: 0.26rem;
						color: #666;
					}
				}
			}
			.goods-none{
				width: 100%;
				padding: 0.6rem 0;
				img{
					width: 60%;
				}
			}
		}
	}
</style>